@charset "UTF-8";
/*清除浮动*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/*不可点击*/
.disabled {
  pointer-events: none;
  background: #ccc;
  color: #595959 !important; }

/*文字超出省略号*/
.word_overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.word_vertical {
  writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl; }

.text-center {
  text-align: center; }

/*隐藏*/
[v-cloak] {
  display: none; }

/* 定位 */
.f-l {
  float: left; }

.f-r {
  float: right; }

/* 定位 */
.p-s {
  position: static; }

.p-r {
  position: relative; }

.p-a {
  position: absolute; }

.p-f {
  position: fixed; }

/* flex */
.flex-center, .flex-center-columm {
  display: flex;
  justify-content: center;
  align-items: center; }

.flex-center-columm {
  flex-direction: column; }

.flex-space, .flex-space-columm {
  display: flex;
  justify-content: space-around;
  align-items: center; }

.flex-space-columm {
  flex-direction: column; }

.flex-between, .flex-between-columm {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.flex-between-columm {
  flex-direction: column; }

/*鼠标滑过*/
.pointer:hover {
  cursor: pointer; }

.shake {
  animation: wobble 2s infinite; }

/*移动端滑动*/
.scroll-touch {
  -webkit-overflow-scrolling: touch; }
